$def with(posts,pages)

<!DOCTYPE html>
<html>
<head>
    <title>Simple Blog</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="$config.static/style/index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="top-nav">
    <div class="bd">
        <div class="top-nav-ctl">
            <!--<span class="title">Siunon</span><span class="welcome">.blog</span>-->
            <a href="http://www.siunon.com" style="color: #919B9C;font-size: 12px">修能网络</a>&nbsp
            <a  style="color: #919B9C;font-size: 12px">光辉岁月</a>&nbsp
            <a  style="color: #919B9C;font-size: 12px">闪耀星空</a>
        </div>

        <div class="top-nav-menu">
            <a href="http://blog.siunon.com" style="color: #919B9C;font-size: 12px">关于</a>&nbsp
            <a href="http://blog.siunon.com" style="color: #919B9C;font-size: 12px">RSS</a>&nbsp
            <a  href="/admin/post_new" style="color: #919B9C;font-size: 12px">管理</a>
        </div>
    </div>
</div>

<div class="wapper">
    <div class="header">
        <div class="logo">
            <span style="color:#46a546">s</span><span style="color:#4dc3e4">i</span><span style="color:#fbcc91">u</span><span style="color:#46a546">n</span><span style="color:#4dc3e4">o</span><span style="color:#fbcc91">n</span>
        </div>
        <div class="menu">
            <div class="menu-item">
                <a href="http://blog.siunon.com" style="color:#46a546;margin-left: 25px">首页</a>
                <a href="http://blog.siunon.com" style="color:#46a546;margin-left: 25px">文章分类</a>
                <a href="http://blog.siunon.com" style="color:#46a546;margin-left: 25px">小宝记事</a>
                <a href="http://blog.siunon.com" style="color:#46a546;margin-left: 25px">您想知道</a>
            </div>
            <div class="menu-search">

            </div>
        </div>
    </div>
    <div class="main">
        <!--消除li缩进-->
        <ol style="margin:0; padding-left:0;">
            $for post in posts:
            <li style="list-style-type:none;">
                <div class="article">
                    <div class="article-title">$post.title</div>
                    <div class="article-time">发表时间:$post.post_time&nbsp&nbsp&nbsp&nbsp文章分类:</div>
                </div>
                <!--<h5 style="background-color: #E7F3E7;color: #2B6FB6">$post.title</h5>-->
                <!--<h6>$post.post_time</h6>-->
                <div class="article-content">$:post.content</div>
                <!--<span>$:post.content</span>-->
            </li>
        </ol>
        <p>
            <div class="article-nav">
                $for page in range(1,pages+1):
                <a href="/page/$page" style="font-size: 12px;font-weight:bolder;color: #46a546;">$page</a>
            </div>
        </p>
    </div>

    <div class="side">
        <div class="dart">
            归档
        </div>
        <div class="cat">
            分类
        </div>
        <div class="tab">
            标签
        </div>
        <div class="flink">
            友链
        </div>
    </div>
</div>

<div class="ft">
    <div class="line"></div>
    <div class="cr">&copy2012 <a href="http://www.siunon.com">siunon.com all rights reserved</a></div>
</div>

</body>
</html>